<template>
	<view :class="['container',{'dark':theme=='dark'}]">
		<view class="top">
			<view :class="['fixedTop','',{'dark':theme=='dark'}]">
				<view class="top3">
					<view :class="['list','',{'darksss':theme=='dark'}]">
						<!-- 帮助中心 -->
						<view :class="['flex','listItem',{'listItemDark':theme=='dark'}]" @click="funsItemClick(12)">
							<view class="flex itemLeft">
								<image src="../../static/ico/bzzx.png" class="flex_image"></image>
								<view class="size30">帮助中心</view>
							</view>
							<image src="../../static/member/right_icon.png" class="flex_image3"></image>
						</view>
				
						<!-- 服务条款 -->
						<view :class="['flex','listItem',{'listItemDark':theme=='dark'}]" @click="funsItemClick(13)">
							<view class="flex itemLeft">
								<image src="../../static/ico/fwtk.png" class="flex_image"></image>
								<view class="size30">服务条款</view>
							</view>
							<image src="../../static/member/right_icon.png" class="flex_image3"></image>
						</view>
						
						<!-- 隐私政策 -->
						<view :class="['flex','listItem',{'listItemDark':theme=='dark'}]" @click="funsItemClick(11)">
							<view class="flex itemLeft">
								<image src="../../static/ico/yszc.png" class="flex_image"></image>
								<view class="size30">隐私政策</view>
							</view>
							<image src="../../static/member/right_icon.png" class="flex_image3"></image>
						</view>
				
						<!-- 官方社区 -->
						<view :class="['flex','listItem',{'listItemDark':theme=='dark'}]" @click="funsItemClick(9)">
							<view class="flex itemLeft">
								<image src="../../static/ico/gfsq.png" class="flex_image"></image>
								<view class="size30">官方社区</view>
							</view>
							<image src="../../static/member/right_icon.png" class="flex_image3"></image>
						</view>
					
						<!-- 语言选择 -->
						<view :class="['flex','listItem',{'listItemDark':theme=='dark'}]" @click="funsItemClick(7)">
							<view class="flex itemLeft">
								<image src="../../static/ico/yyxz.png" class="flex_image"></image>
								<view class="size30">语言选择</view>
							</view>
							<image src="../../static/member/right_icon.png" class="flex_image3"></image>
						</view>
						
						<!-- 应用版本 -->
						<view :class="['flex','listItem',{'listItemDark':theme=='dark'}]" @click="funsItemClick(14)">
							<view class="flex itemLeft">
								<image src="../../static/ico/yybb.png" class="flex_image"></image>
								<view class="size30">应用版本</view>
							</view>
							<image src="../../static/member/right_icon.png" class="flex_image3"></image>
						</view>
				
						<!-- 白皮书 -->
						<view :class="['flex','listItem',{'listItemDark':theme=='dark'}]" @click="funsItemClick(10)">
							<view class="flex itemLeft">
								<image src="../../static/ico/bps.png" class="flex_image"></image>
								<view class="size30">白皮书</view>
							</view>
							<image src="../../static/member/right_icon.png" class="flex_image3"></image>
						</view>
					</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	import {domain} from '@/common/domain.js'
	import {mapState,mapActions,mapGetters} from 'vuex';
	import uniPopup from '@/components/uni-popup2.vue';
	import {commonNewsList,commonCarousel,huobiTicket,info,logout,commonContact ,} from '../../common/apiString.js'
    export default {
		components: {
			uniPopup
		},
		data() {
			return {
				mycontact:'',
				content:'确定要退出吗？',
				value3:false,
				show:false,
				isFinger:"0",
				token:'',
				info:'',
				fingerBool:0,
				faceBool:0,
				head:'../../static/rvm.png'
			}
		},
		filters:{
			toFixed2: function (value, options) {
				value = Number(value);
				return value.toFixed(2);
			},  
		},
		computed:{
			...mapState({
			  theme:state=>state.theme
			}),
		},
		onPullDownRefresh(){
			
		},
		onLoad() {
		},
		onShow() {
			console.log(uni.getStorageSync('fingerBool'))
			this.fingerBool = uni.getStorageSync('fingerBool')
			this.changeFooter();
			this.getUserInfo();
			this.value3= this.theme=='dark'?true:false;
			this.token = uni.getStorageSync('token');
			this.$utils.setTheme(this.theme);
			
		},
		methods: {
			
			
			//路由开始
			
			funsItemClick(index){
				if(index==1){
					uni.navigateTo({
						url:'/pages/neWs/neWs'//公告
					})
				};
				if(index==2){
					uni.navigateTo({
						url:'/pages/mine/security'//安全中心
					})
				};
				if(index==3){
					uni.navigateTo({
						url:'/pages/assets/charge'//冲币
					})
				};
				if(index==4){
					uni.navigateTo({
						url:'/pages/assets/mention'//提币
					})
				};
				
				if(index==5){
					uni.switchTab({
										url:'/pages/assets/assets'
									})
				};
				
				
				if(index==6){
					uni.navigateTo({
						url:'/pages/mine/userCenter'//身份认证
					})
				};
				
				if(index==7){
					uni.navigateTo({
						url:'/pages/mine/lang'//语言选择
					})
				};
				
				if(index==8){
					uni.navigateTo({
						url:'/pages/mine/lang'//在线客服
					})
				};
				
				if(index==9){
					uni.navigateTo({
						url:'/pages/telegram/telegram'//官方社区
					})
				};
				
				if(index==17){
					uni.navigateTo({
						url:'/pages/business/business'//法币商家
					})
				};
				if(index==16){
					uni.navigateTo({
						url:'/pages/member/member'//我的团队
					})
				};
				if(index==15){
					uni.navigateTo({
						url:'/pages/share/share'//邀请好友
					})
				};
				if(index==14){
					uni.navigateTo({
						url:'/pages/version/version'//应用版本
					})
				};
				if(index==13){
					uni.navigateTo({
						url:'/pages/mairivacy/mairivacy'//服务条款
					})
				};
				if(index==12){
					uni.navigateTo({
						url:'/pages/contact/contact' //帮助中心
					})
				};
				if(index==11){
					uni.navigateTo({
						url:'/pages/privacy/privacy'//隐私政策
					})
				};
				if(index==10){
					uni.navigateTo({
						url:'/pages/Whiteskin/Whiteskin'//白皮书
					})
				};
				if(index==18){
					uni.navigateTo({
						url:'/pages/Apply/Apply'//申请上币
					})
				};
			},
			
			//路由结束
			
			
		},
	}
</script>
<style scoped>
	.flex{
		/* display: flex; */
		align-items: center;
		line-height: 1.8;
	}
	.container{
		min-height: 100%;
	}
	
	.top1{
		/* padding-top: 80vw; */
		    /* height: 260px; */
		    background: url(../../static/images/sy_bg.png) no-repeat top;
		    background-size: 100%;
		    width: 100%;
		    border-radius: 0 0 20rpx 20rpx;
			
	}
	
	.avatar{		
		width: 100rpx;
		height: 100rpx;
		border-radius: 50%;
	}
	.namephobe {
	    color: #fff;
	    padding: 0 4vw;
	}
	.name {
	    font-weight: bold;
	    font-size: 14rpx;
	    padding-bottom: 2vw;
	}
	.phone{
		font-size: 14rpx;
	}
	.funBox{
		padding: 0 2rpx 0;
		position: relative;
		top: 1rpx;
	}
	.funs{
		padding: 30rpx 0;
		        text-align: center;
		        justify-content: space-around;
		        /* border-radius: 0px; */
		        border-radius: 15rpx 15rpx 30rpx 30rpx;
		        background-color: #ffffff;
		        box-shadow: 6rpx 10rpx 10rpx -3rpx #f3f3f7;
	}
	.funsItemImage{
		    width: 60rpx;
		    height: 60rpx;
		border-radius: 50%;
	}
	.funsItemText{
		    font-weight: 700;
		    font-size: 12rpx;
			position: relative;
			top: 10rpx;
	}
	.top2{
		margin-top: 100rpx;
		padding: 20rpx 30rpx 30rpx;
	}
	.size30 {
		font-weight: 700;
	    font-size: 14rpx;
	}
	.invitation{
		width: 100%;
		height: 145rpx;
		background-color: #000000;
		border-radius: 30rpx;
	}
	.top3{
	    padding:00rpx 20rpx 60rpx 20rpx;
	    /* margin-top: 430rpx; */
		
	
	}
	.list{
		padding: 10rpx 10rpx;
		border-radius: 10rpx;
		box-shadow: 0 0px 10rpx #eaecf5;
		box-shadow: 0 0px 10rpx #ffffff;
	}
	.listDark{
		box-shadow: 0 0px 2vw #0b0c15;
	}
	.listItem{
		padding: 18px 0;
		justify-content: space-between;
	}
	.listItem:not(:last-child){		
		        border-bottom: solid 0.4px #b0b4ca42;
	}
	.listItemDark:not(:last-child){
		        border-bottom: solid 0.4px #161927;
	}
	.itemLeft>view{
		margin-left: 30rpx;
	}
	.fixedTop{
		width: 100%;
		position: fixed;
		/* top: 86rpx; */
		top:0;
		left: 0;
		z-index: 10;
	}
	.avatar {
		
	    background: #ffffff0a;
	    border-radius: 50%;
	    width: 120rpx;
	    height: 120rpx;
	    overflow: hidden;
	    border: 10rpx solid #ffffff14;
	    position: relative;
	    display: inline-block;
	    vertical-align: top;
	    text-align: center;
	}
	
	
	.enttm {
		/* position: /* absolute ; */
		padding-top: 30rpx;
		text-align: right;
		padding-right: 20rpx;
		left: 590rpx;
		color: #ffffff;
	}

	.userInfo {
	    padding: 0 20rpx;
	}
	.iconfont {
	    font-family: "iconfont" !important;
	    
		margin-left: 4px;
	    font-style: normal;
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale;
	}
	.ente {
	    /* position: absolute; */
	    /* padding-top: 80rpx; */
		/* text-align: right; */
	    /* right: 0; */
	    margin-left: 472rpx;
	    color: #ffffff;
	}
    .entee {
		font-size: 14rpx;
		color: #ffffff;
		line-height: 1.8;
	}
	.yaoqing{
		/* margin-left: 200rpx; */
		border-radius: 20vw 0 0 20vw;
		text-align: right;
		color: #ffffff;
		background: #9ab1e257;
		/* width: 80rpx; */
	}
	.aui-flex-box-fr {
		background: #9ab1e257;
		/* height: 7vw; */
		line-height: 7vw;
		border-radius: 20vw 0 0 20vw;
		width: 40vw;
	}
	.aui-flex-box-fr {
		text-align: right;
		color: #ffffff;
		padding-right: 10vw;
		/* position: relative; */
	}
	.icon-vip {
	    position: absolute;
	    top: 5px;
	    left: 6px;
	    padding: 0vw 0 0 0;
	    background: url(../../static/images/hg.png) no-repeat;
	    background-size: 100%;
	}
	
	.flex_image {
	        width: 4vw;
	        height: 4vw;
	        border-radius: 50%;
	        position: relative;
	        top: -0.5vw;
	}
	.flex_image2 {
	        width: 36rpx;
			height: 36rpx;
			border-radius: 50%;
			position: relative;
			top: -2rpx;
	}
	.funsItemImages {
	    width: 5vw;
		height: 5vw;
		border-radius: 50%;
		position: relative;
		top: 0.9vw;
	}

	.funsItemText2 {
	    font-weight: 700;
		font-size: 12rpx;
		position: relative;
		top: -4vw;
		left: -71vw;
	}
	
	.flex_image3 {
		width: 2vw;
		height: 4vw;
		border-radius: 50%;
		position: relative;
		right: 0;
		left: -1vw;
	}
	
	/* .u-switch[data-v-4a8c9de7] {
	    width: 10vw;
	    height: 5vw;
	} */
</style>
